<template>
  <div>
    <a-modal
      :title="this.title"
      :visible="this.visible"
      :width="660"
      @cancel="cancel"
      @ok="ok"
    >
      <a-tabs type="card"  @change="callback" >
        <a-tab-pane key="1" tab="生产任务" >
          <a-form
            :form="form1"
            v-bind="formItemLayout"
          >
            <a-form-item label="目录名称">
              <a-select
                @change="handleMenuChange"
                v-model="taskType"
              >
                <a-select-option value="互联网公开数据">
                  互联网公开数据
                </a-select-option>
                <a-select-option value="终端采集数据">
                  终端采集数据
                </a-select-option>
                <a-select-option value="地形图">
                  地形图
                </a-select-option>
              </a-select>
            </a-form-item>
            <!-- 			  <a-form-item label="生产任务单">
                        <a-upload
                          name="file"
                          :action="fileAction"
                          @change="handleUploadChange"
                           :showUploadList="false"
                           :data="uploadParam"
                          v-decorator="this.validator.upload"
                           >
                          <a-button> <a-icon type="upload" /> 选择文件 </a-button>
                        </a-upload>
                      </a-form-item> -->
            <!--            <a-form-item label="范围">-->
            <!--              <a-tree-select-->
            <!--                show-search-->
            <!--                style="width: 100%"-->
            <!--                :dropdown-style="{ maxHeight: '400px', overflow: 'auto' }"-->
            <!--                allow-clear-->
            <!--                tree-checkable-->
            <!--                tree-default-expand-all-->
            <!--                v-decorator="this.validator.upload"-->
            <!--                @change="onChange"-->
            <!--                :disabled="this.see"-->
            <!--                :show-checked-strategy="SHOW_PARENT"-->
            <!--              >-->
            <!--              </a-tree-select>-->
            <!--            </a-form-item>-->
            <!--            <a-form-item label="流程编排">-->
            <!--              <a-button type="primary" @click="flowArrange">-->
            <!--                流程编排-->
            <!--              </a-button>-->
            <!--            </a-form-item>-->
            <!--            <a-form-item label="任务时间">-->
            <!--              <a-range-picker-->
            <!--                v-decorator="this.validator.fronttime"-->
            <!--              />-->
            <!--            </a-form-item>-->

          </a-form>
        </a-tab-pane>
      </a-tabs>
    </a-modal>
  </div>
</template>

<script>
import aModal from "@/common/modal"
import {
  UPLOADESTIMATE,
  UPLOADPRODUCT,
  PROTASKPACK,
  GETPLOYGON ,
  GETPATHBYNAME,
  TRANSPRODUCT,
  GETNAMERULE,
  GETPATHBYPLOGY,
  CALLBACKPROD
} from '@/../static/js/apis.js'
import {TreeSelect} from 'ant-design-vue';
import Vue from "vue";
const SHOW_PARENT=TreeSelect.SHOW_PARENT
export default{
  inject:['reload'],                                 //注入App里的reload方法
  name: "taskModal",
  props: ['title', 'visible','record'],
  components: {
    aModal,
  },
  data () {
    return {
      formItemLayout: {
        labelCol: { span: 6 },
        wrapperCol: { span: 14 },
      },
      taskType:'互联网公开数据',
      fileAction: UPLOADPRODUCT.url,   //导入文件提交路径
      estimateFileAction:UPLOADESTIMATE.url,
      service: [],
      userid:'',
      uploadParam:{},
      modalFlowTitle:'流程编排',
      modalFlowVisible:false,
      areachoices:[],
      see:false,
      SHOW_PARENT,
      menuId:11,
      productParams:{
        name:"",
        taskid:'',
        starttime:'',
        endtime:"",
        area:"",
        areaname:'',
        taskNum:'',
        taskDetail:'',
        productionData:[],
        collectionData:[],
      },
      ploygon:[],
      getploygon:[],
      map:{
          menuId:'',
         areaNames:'',
      },
      getpath:{
        menuId:'',
        polygons:'',
      },

    }
  },
  beforeCreate() {
    this.form1 = this.$form.createForm(this, { name: 'productTaskForm' });
  },
  computed: {
    headers () {
      return {
        "token" : localStorage.getItem("token")
      }
    }
  },
  methods: {

    callback(key) {
      this.tabType = key;
    },
    onChange(value, label, extra) {
      // console.log(extra.triggerValue);
      // console.log(value);

      /*if(value.length>1){
        this.area=[extra.triggerValue];
      }else{
        this.area=value;
      }*/

      this.areachoices=value;
      console.log(this.areachoices);

    },
    getStaticData () {

    },
    handleUploadChange(info) {
      if (info.file.status === 'done') {
        this.$message.success(`${info.file.name} 上传成功`);
      } else if (info.file.status === 'error') {
        this.$message.error(`${info.file.name} 上传失败`);
      }
    },
    handleMenuChange(value){
      let self=this
      self.taskType=value
      if(self.taskType==="地形图"){
        self.menuId=13
      }else if(self.taskType==="终端采集数据"){
        self.menuId=34
      }else{
        self.menuId=11
      }
    },
    ok(e) {
      let self=this;
      // console.log(self.record)
      self.productParams.name=self.record.name
      self.productParams.taskid=self.record.id
      self.productParams.starttime=self.record.starttime.substring(0,10)
      self.productParams.endtime=self.record.endtime.substring(0,10)
      self.productParams.areaname=self.record.taskdocument
      self.productParams.taskNum=self.record.taskNum
      self.productParams.taskDetail=self.record.taskDetail
      self.map.areaNames=self.record.taskdocument
      self.map.menuId = self.menuId
      self.map.area = self.record.area;
      PROTASKPACK(self.map,function(res){
        if(res.code != '200'){
          self.$message.error(res.message);
          self.$emit("cancel", e)
          self.reload()
          return
        }
        self.productParams.area = res.obj.area
        self.productParams.productionData = res.obj.path
        self.productParams.areaname = res.obj.city
        TRANSPRODUCT(self.productParams,function (res){
          if (res.code == '200') {
            let params = {
              taskid: self.productParams.taskid,
              status: '任务已下发'
            }
            CALLBACKPROD(params,function (res){
              //if (res.code == '200'){
              self.$emit("cancel", e)
              self.$message.success(res.message);
              self.reload()
            })
          } else {
            self.$message.error(res.message);
            self.reload();
          }
        })
      });
      // if(self.record.area == null){
      //   GETPLOYGON(self.map,function (res){
      //     if ( res.code != '200'){
      //       self.$message.error(res.message);
      //       self.$emit("cancel", e)
      //       self.reload()
      //       return
      //     }
      //     self.productParams.area = ''
      //     for (let k in res.obj) {
      //       self.productParams.area += res.obj[k].polygonText+';'
      //     }
      //     GETPATHBYNAME(self.map,function (res){
      //       if( res.code != '200'){
      //         self.$message.error(res.message);
      //         self.$emit("cancel", e)
      //         self.reload();
      //         return;
      //       }
      //       for(let f in res.obj){
      //         self.productParams.productionData.push(res.obj[f].fileName)
      //       }
      //       GETNAMERULE(self.map,function (res){
      //         self.productParams.areaname=res.obj
      //         TRANSPRODUCT(self.productParams,function (res){
      //           if (res.code == '200') {
      //             let params = {
      //               taskid: self.productParams.taskid,
      //               status: '任务已下发'
      //             }
      //             CALLBACKPROD(params,function (res){
      //               if (res.code == '200'){
      //                 self.$emit("cancel", e)
      //                 self.$message.success(res.message);
      //                 self.reload()
      //               }
      //             })
      //           } else {
      //             self.$message.error(res.message);
      //             self.reload();
      //           }
      //         })
      //       })
      //     })
      //   })
      // }else{
      //   self.getpath.menuId=self.menuId
      //   self.getpath.polygons=self.record.area
      //   self.productParams.area=self.record.area
      //   GETPATHBYPLOGY(self.getpath,function (res){
      //     if ( res.code != '200'){
      //       self.$message.error(res.message);
      //       self.$emit("cancel", e)
      //       self.reload()
      //       return
      //     }
      //     for (let f in res.obj) {
      //       self.productParams.productionData.push(res.obj[f].filePath)
      //     }
      //     GETNAMERULE(self.map,function (res){
      //       if ( res.code != '200'){
      //         self.$message.error(res.message);
      //         self.$emit("cancel", e)
      //         self.reload()
      //         return
      //       }
      //       TRANSPRODUCT(self.productParams,function (res){
      //         if (res.code == '200') {
      //           let params = {
      //             taskid: self.productParams.taskid,
      //             status: '任务已下发'
      //           }
      //           CALLBACKPROD(params,function (res){
      //             if (res.code == '200'){
      //               self.$emit("cancel", e)
      //               self.$message.success(res.message);
      //               self.reload()
      //             }
      //           })
      //         } else {
      //           self.$message.error(res.message);
      //         }
      //       })
      //     })
      //   })
      // }
    },
    /*关闭modal*/
    cancel(e) {
      this.form1.resetFields();
      this.$emit("cancel", e);
      // self.see=false;
    },
  },
  created() {
    this.getStaticData()
    var jsonData={}
    jsonData=JSON.stringify(jsonData)
    localStorage.setItem("flowJson", jsonData)
  },

}
</script>

<style scoped>

</style>
